<!DOCTYPE html>
<html lang="en">

<head>
    <title>window对象练习</title>

</head>

<body>
    <input type="button" value="打开一个新窗口" onclick="openWin()" />
    <br>
    <input type="button" value="移动这个新窗口" onclick="moveWin()" />
    <br>
    <input type="button" value="聚焦到新窗口" onclick="focusWin()" />
    <br>
    <input type="button" value="调整这个新窗口大小" onclick="resize()" />
    <br>
    <input type="button" value="关闭这个新窗口" onclick="closeWin()" />
    <br>
    <input type="button" value="打印本窗口" onclick="printWin()" />
    <br>
    <input type="button" value="关于这个浏览器窗口" onclick="showWInMessage()" />
    <br>
    <input type="button" value="滚动" onclick="scrollWin()" />

    <script>
        var myWindow;
        function openWin() {
            // myWindow = window.open("./8-小方块矩阵.html", 'haha' , 'width=300,height=300')
            myWindow = window.open("./8-小方块矩阵.html", 'haha', 'width=300,height=300')

        }

        function moveWin() {
            //移动这个新窗口
            // myWindow.moveTo(300,100)
            // myWindow.moveTo(300, 100)
        }
        function focusWin() {
            //聚焦这个新窗口
            // myWindow.document.write("<p>这是'我的窗口'</p>");
            // myWindow.focus();
        }
        function resize() {
            //调整这个新窗口大小
            myWindow.resizeTo(300, 600)
        }
        function closeWin() {
            //关闭这个新窗口
            //弹出系统对话框要求用户是否确认关闭新开的窗口
        }
        function printWin() {
            //打印窗口
        }
        function showWInMessage() {
            //新开一个窗口，显示父窗口信息
        }
        function scrollWin() {
            //移动关于这个浏览器窗口到（0px,100px）
        }

        
    </script>

    

</body>

</html>